<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加商品</title>
    <script src="/layui/layui.js"></script>
    <script src="/jquery/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" href="/layui/css/layui.css">
    <link rel="stylesheet" href="/css/product/productManage/addProduct/add-product.css">
    <script src="/js/product/productManage/addProduct/add-product.js"></script>
</head>
<body>
<div class="layui-row">
    <div class="layui-col-md12">
        <div class="list">
            <div class="list-left layui-col-md8">
                <div class="list-left-left"></div>
                <p class="list-left-right">添加商品</p>
            </div>
            <div class="list-right layui-col-md4">
                <div class="functionButton">
                    <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="refresh">&nbsp;刷新</div>
                    <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
                </div>
            </div>
        </div>
    </div>
    <div class="layui-col-md12">
        <div class="courseForm">
            <form class="layui-form">
                <div class="layui-form-item " >
                    <div class="layui-inline" style="right: -14px">
                        <label class="layui-form-label">商品分类:</label>
                        <div class="layui-input-inline">
                            <input name="categroyName" id="categroyName" placeholder="请选择商品分类" disabled lay-verify="categroyName" class="layui-input" required />
                            <input lay-verify="categroyId" type="hidden" name="categroyId" id="categroyId">
                        </div>
                    </div>
                    <i class="layui-icon-layer layui-icon"  onclick="classify()"></i>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">商品名称:</label>
                        <div class="layui-input-inline">
                            <input name="productName" id="productName" placeholder="请输入商品名称" class="layui-input" required lay-verify="productName" autocomplete="off"/>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">上传图片:</label>
                        <div class="layui-input-inline">
                            <button type="button" id="upLoad" class="layui-btn">上传图片</button>
                            <input type="hidden" name="mainImage" lay-verify="mainImage" id="mainImage">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <div class="layui-input-inline">
                            <div class="layui-progress layui-progress-big" lay-filter="imgProgress" lay-showPercent="yes">
                                <div class="layui-progress-bar layui-bg-green" lay-percent="0%"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">预览图:</label>
                        <div class="layui-input-inline">
                            <img src="http://101.200.239.240:80/group1/M00/00/23/rBmy-mIMW2GAQTWGAAAHnMGty5E715.jpg" id="productImg">
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">商品介绍:</label>
                        <div class="layui-input-inline">
                            <textarea id="productDescription" name="productDescription" style="resize:none;" placeholder="请输入商品介绍" required lay-verify="productDescription" class="layui-textarea" autocomplete="off"></textarea>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">商品标签:</label>
                        <div class="layui-input-inline">
                            <input name="productLabel" id="productLabel" placeholder="请输入商品标签" class="layui-input" lay-verify="productLabel" autocomplete="off" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">商品编号:</label>
                        <div class="layui-input-inline">
                            <input name="productCode" id="productCode" placeholder="请输入商品编号" class="layui-input" lay-verify="productCode" autocomplete="off" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">商品价格:</label>
                        <div class="layui-input-inline">
                            <input name="currentpriceProduct" id="currentpriceProduct" placeholder="请输入商品价格" class="layui-input" lay-verify="currentpriceProduct" autocomplete="off" />
                            <input id="originalpriceProduct" type="text" name="originalpriceProduct" hidden>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">关键字:</label>
                        <div class="layui-input-inline">
                            <input name="searchKeywords" id="searchKeywords" placeholder="请输入商品关键字" class="layui-input" lay-verify="searchKeywords" autocomplete="off" />
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">新品推荐:</label>
                        <div class="layui-input-inline">
                            <input type="radio" lay-filter="recommend" name="recommend" value="新品" title="新品">
                            <input type="radio" lay-filter="recommend" name="recommend" value="推荐" title="推荐" checked>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">可用优惠券:</label>
                        <div class="layui-input-inline">
                            <input type="radio" lay-filter="discount" name="discount" value="是" title="是">
                            <input type="radio" lay-filter="discount" name="discount" value="否" title="否" checked>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">服务保证:</label>
                        <div class="layui-input-inline">
                            <input type="radio" lay-filter="ensure" name="ensure" value="无忧退货" title="无忧退货">
                            <input type="radio" lay-filter="ensure" name="ensure" value="快速退款" title="快速退款">
                            <input type="radio" lay-filter="ensure" name="ensure" value="免费包邮" title="免费包邮" checked>
                        </div>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label"></label>
                        <div class="layui-input-inline">
                            <button type="button" class="layui-btn" id="complete" lay-filter="sub" lay-submit >提交商品</button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>
</body>
</html>